<template>
	<view>
		<view class="shouru">
			<view class="shouruon">
				<view class="left">
					<view class="month">
						<view>本月收入</view>
						<image src="../../static/logo.png" mode="aspectFill"></image>
					</view>
					<view class="money">
						<view>0.00</view>
						<text style="font-size: 24rpx;margin-left: 10rpx;margin-top: 4rpx;"> 元</text>
					</view>
				</view>
				<view class="left">
					<view class="month">
						<view>昨日收入</view>
						<image src="../../static/logo.png" mode="aspectFill"></image>
					</view>
					<view class="money">
						<view>0.00</view>
						<text style="font-size: 24rpx;margin-left: 10rpx;margin-top: 4rpx;"> 元</text>
					</view>
				</view>
			</view>
			<view class="shourudown">
				<view class="down-left">
					<view>总收入</view>
					<view class="money">0.00 <text style="margin-left: 4rpx;">元</text> </view>
				</view>
				<view class="down-right">
					我的钱包
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>

</script>

<style lang="scss">
.shouru{
	width: 670rpx;height: 316rpx;background: #3662EC;border-radius:20rpx;
	margin: 0 auto;margin-top: 40rpx;padding: 20rpx 40rpx;box-sizing: border-box;
	.shouruon{
		padding: 0 60rpx;box-sizing: border-box; width: 590rpx;height: 146rpx;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;
	  .left{
			width: 130rpx;height: 106rpx;display: flex;flex-direction: column;align-items: center;
			.month{
				display: flex;align-items: center;font-weight: 400;font-size: 24rpx;color: #FFFFFF;
				image{
					width: 30rpx;height: 30rpx;
				}
			}
			.money{
				margin-top: 20rpx; display: flex;font-weight: 700;font-size: 36rpx;color: #FFFFFF;
				align-items: center;
			}
		}
	}
	.shourudown{
		width: 590rpx;height: 110rpx;background: #FFFFFF;border-radius: 20rpx;
		margin: 0 auto;margin-top: 20rpx;display: flex;align-items: center;justify-content: space-between;
		padding: 0 42rpx;box-sizing: border-box;
		.down-left{
			display: flex;flex-direction: column;font-family: Source Han Sans, Source Han Sans;
      font-weight: 700;font-size: 28rpx;color: #000000;
			.money{
					display: flex;align-items: center;font-size: 24rpx;
			}
		}
		.down-right{
			width: 156rpx;height: 46rpx;border-radius: 20rpx;
			background: linear-gradient( 150deg, #4E8CFF 0%, #59DEF9 100%);
			font-weight: 700;font-size: 24rpx;color: #FFFFFF;text-align: center;line-height: 46rpx;
		}
	}
	
}
</style>
